<div class=grid_18>
<div class=grid_10> 
    <div class=block-border> 
        <div class=block-header> 
            <h1>Add New Member</h1><span></span> 
        </div> 

        <form id=validate-form class="block-content form" action="add" method=post>
                        
            <div class=_50> 
                <p><label for=stextarea>Membership No</label> 
                    <input id="mshipno" name="mshipno" class="required" class="input-small" type="int" value=""/></p> 
            </div>  
                
            <div class=_50> 
                <p><label for=textarea>Title</label>
                    <input id="toh" name="toh" class="" type="text" value=""/></p> 
            </div>

            <div class=_50> 
                <p><label for=textarea>Name of Member</label>
                    <input id="mname" name="mname" class="required" type="text" value="Member's Name"/></p> 
            </div> 
            
            <div class=_50>
                  <p><label for=select>Gender</label> 
                    <select name="gender" id="gender" class="required" type="text"> 
                        <option value="Please Select Gender">Please Select Gender</option> 
                        <option value="Male">Male</option> 
                        <option value="Female">Female</option>
                    </select>
                </p>
            </div> 

            <div class=_50>
                  <p><label for=select>Membership By</label> 
                    <select name="mshiptype" id="mshiptype" class="required" type="text"> 
                        <option value="Select Membership Type">Select Membership Type</option>
                        <option value="Baptism">Baptism</option>
                        <option value="Transfer In">Transfer In</option> 
                        <option value="Profession of Faith">Profession of Faith</option>
                    </select>
                </p>
            </div> 

            <div class=_50>
                  <p><label for=select>Status</label> 
                    <select name="status" id="status" class="required" type="text"> 
                        <option value="Select Membership Status">Select Membership Status</option> 
                        <option value="Active">Active</option>
                        <option value="Missing">Missing</option>                        
                        <option value="Transferred Out">Transferred Out</option>
                        <option value="Censured">Censured</option>
                        <option value="Passed On">Passed On</option>
                        <option value="Disfellowshipped">Disfellowshipped</option>
                    </select>
                </p>
            </div> 

            <div class=_50> 
                <p> <label for=datepicker>Membership Date</label>
                   <input  id="mshipdate" name="mshipdate" class=" "  value=""/>
            </div>  
             
            <div class=block-actions> 
                <ul class=actions-left> 
                    <li><a class="button red" id=reset-validate-form href="javascript:void(0);">Reset</a></li> 
                </ul> 
                <ul class=actions-right> 
                    <li><input type=submit id="Save-Membership List" class="button" value="Save Record"></li> 
                </ul> 
            </div> 
        </form> 
    </div> 
</div> 